<template>
  <view class="amsp-convention">
    <!-- 返回按钮和标题 -->
    <view class="header">
      <tn-button 
        backgroundColor="tn-bg-left" 
        style="color: black; position: absolute; left: 5%; top: 10%; width: 35px; height: 35px; font-size: 25px;" 
        :border="false"
        @click="handleReturn"
      >
        <text class="tn-icon-left"></text>
      </tn-button>
      <view class="page-title">AMSP公约</view>
    </view>

    <!-- AMSP公约内容区 -->
    <view class="content-container">
      <view class="section">
        <view class="section-title">AMSP定义</view>
        <view class="section-content">
          AMSP系统平台是一个强大的主动式人工交互型管理软件。其中，A代表AI人工智能分析和决策能力，M指智能制造，S是系统，P平台为企业提供稳定的操作基础，方便管理和监控。
        </view>
      </view>

      <view class="section">
        <view class="section-title">A - AI人工智能分析和决策能力</view>
        <view class="section-content">
          - **数据分析**：利用先进的AI算法，对大量数据进行分析，提供深入的洞察和预测。
          - **决策支持**：基于分析结果，为管理层提供科学的决策支持，提高决策的准确性和效率。
          - **自动化流程**：自动化处理常规任务，减少人工干预，提高工作效率。
        </view>
      </view>

      <view class="section">
        <view class="section-title">M - 智能制造</view>
        <view class="section-content">
          - **先进设备**：集成最新的生产设备，确保生产过程的高效和精准。
          - **生产理念**：引入先进的生产理念，如精益生产、智能制造等，提升生产质量和效率。
          - **质量控制**：通过智能监控和反馈机制，确保产品质量的稳定性和一致性。
        </view>
      </view>

      <view class="section">
        <view class="section-title">S - 系统</view>
        <view class="section-content">
          - **模块化设计**：系统采用模块化设计，方便扩展和定制。
          - **集成性**：支持与其他系统（如ERP、CRM）的无缝集成，实现数据共享和流程协同。
          - **灵活性**：适应不同规模和类型的企业需求，提供灵活的配置选项。
        </view>
      </view>

      <view class="section">
        <view class="section-title">P - 平台</view>
        <view class="section-content">
          - **稳定基础**：提供稳定的操作基础，确保系统的高可用性和可靠性。
          - **管理监控**：方便企业进行管理和监控，提供实时数据和报表。
          - **用户友好**：简洁直观的用户界面，提高用户体验和操作效率。
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    // 返回上一页
    handleReturn() {
      uni.navigateBack({ delta: 1 });
    }
  }
};
</script>

<style scoped>
.amsp-convention {
  padding: 20px;
  background-color: #f5f5f5; /* 轻微灰色背景 */
  height: 100%;
}

.header {
  position: relative;
  margin-bottom: 20px;
}

.page-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 10%; /* 控制标题与顶部的距离 */
  font-family: "宋体", SimSun, sans-serif; /* 修改字体为宋体 */
}

.content-container {
  background-color: white; /* 内容区的背景色 */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  margin-top: 30px;
}

.section {
  margin-bottom: 20px;
}

.section-title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  font-family: "宋体", SimSun, sans-serif; /* 修改字体为宋体 */
}

.section-content {
  font-size: 16px;
  color: #555;
  line-height: 1.5;
  font-family: "宋体", SimSun, sans-serif; /* 修改字体为宋体 */
}
</style>